<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="ty" uri="/tuyou"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<!doctype html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>涂有的博客</title>
		<meta name="keywords" content="涂有,博客,涂有世界,涂有的博客">
		<meta name="description" content="涂有,博客,涂有世界,涂有的博客">
		<link rel="stylesheet" type="text/css" href="/front/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="/front/css/nprogress.css">
		<link rel="stylesheet" type="text/css" href="/front/css/style.css">
		<link rel="stylesheet" type="text/css" href="/front/css/font-awesome.min.css">
		<link rel="apple-touch-icon-precomposed" href="/front/images/icon.png">
		<link rel="shortcut icon" href="/front/images/favicon.ico">
		<script src="/front/js/jquery-2.1.4.min.js"></script>
		<script src="/library/TuYou.js"></script>
		<script src="/front/js/nprogress.js"></script>
		<script src="/front/js/jquery.lazyload.min.js"></script>
		<!--[if gte IE 9]>
		  <script src="/front/js/jquery-1.11.1.min.js" type="text/javascript"></script>
		  <script src="/front/js/html5shiv.min.js" type="text/javascript"></script>
		  <script src="/front/js/respond.min.js" type="text/javascript"></script>
		  <script src="/front/js/selectivizr-min.js" type="text/javascript"></script>
		<![endif]-->
		<!--[if lt IE 9]>
		  <script>window.location.href='upgrade-browser.html';</script>
		<![endif]-->
	</head>
	<body class="user-select">
		<header class="header">
			<nav class="navbar navbar-default" id="navbar">
				<div class="container">
					<!-- <div class="header-topbar hidden-xs link-border">
						<ul class="site-nav topmenu">
							<li><a href="#">标签云</a></li>
							<li><a href="#" rel="nofollow">读者墙</a></li>
							<li><a href="#" title="RSS订阅"> <i class="fa fa-rss">
								</i> RSS订阅
							</a></li>
						</ul>
						勤记录 懂分享
					</div> -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse" data-target="#header-navbar"
							aria-expanded="false">
							<span class="sr-only"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span> <span class="icon-bar"></span>
						</button>
						<h1 class="logo hvr-bounce-in">
							<a href="#" title="涂有的博客">
								<img src="/front/images/logo.jpg" alt="涂有的博客" width="162px">
							</a>
						</h1>
					</div>
					<div class="collapse navbar-collapse" id="header-navbar">
						<form class="navbar-form visible-xs" action="/Search" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control"
									placeholder="请输入关键字" maxlength="20" autocomplete="off">
								<span class="input-group-btn">
									<button class="btn btn-default btn-search" name="search"
										type="submit">搜索</button>
								</span>
							</div>
						</form>
						<!-- <ul class="nav navbar-nav navbar-right">
							<li><a data-cont="涂有的博客" title="涂有的博客" href="/front/index.jsp">首页</a></li>
							<li><a data-cont="列表页" title="列表页" href="/front/list.jsp">列表页</a></li>
							<li><a data-cont="详细页" title="详细页" href="/front/show.jsp">详细页</a></li>
							<li><a data-cont="404" title="404" href="/front/404.jsp">404</a></li>
						</ul> -->
					</div>
				</div>
			</nav>
		</header>
		<section class="container">
			<div class="content-wrap">
				<div class="content">
					<div id="focusslide" class="carousel slide" data-ride="carousel">
						<ty:advert var="adverts" type="queryNewest"/>
						<ol class="carousel-indicators">
							<c:forEach var="advert" items="${adverts }" varStatus="st">
							<li data-target="#focusslide" data-slide-to="0" class="<c:if test="${st.first }">active</c:if>"></li>
							</c:forEach>
						</ol>
						<div class="carousel-inner" role="listbox">
							<c:forEach var="advert" items="${adverts }" varStatus="st">
							<div class="item <c:if test="${st.first }">active</c:if>">
								<a href="#" target="_blank" title="${advert.title }">
									<img src="/upload/Advert/${advert.cover }" alt="${advert.title }" class="img-responsive">
								</a>
							</div>
							</c:forEach>
						</div>
						<a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> 
							<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">上一个</span>
						</a> 
						<a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow">
							<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							<span class="sr-only">下一个</span>
						</a>
					</div>
					<ty:article var="articles" type="queryRecommend"/>
					<c:forEach items="${articles }" var="article">
					<article class="excerpt-minic excerpt-minic-index">
						<h2>
							<span class="red">【推荐】</span>
							<a target="_blank" href="/front/show.jsp?id=${article.id }" title="${article.title }">${article.title }</a>
						</h2>
						<p class="note">${article.outline }</p>
					</article>
					</c:forEach>
					<div class="title">
						<h3>最新发布</h3>
						<!-- <div class="more">
							<a href="#" title="MZ-NetBlog主题">MZ-NetBlog主题</a>
							<a href="#" title="IT技术笔记">IT技术笔记</a>
							<a href="#" title="源码分享">源码分享</a>
							<a href="#" title="靠谱网赚">靠谱网赚</a>
							<a href="#" title="资讯分享">资讯分享</a>
						</div> -->
					</div>
					<ty:article var="articles" type="queryAll"/>
					<c:forEach items="${articles }" var="article">
					<article class="excerpt excerpt-1" style="">
						<a class="focus" href="/front/show.jsp?id=${article.id }" title="${article.title }" target="_blank">
							<img class="thumb" data-original="/upload/Article/${article.cover }" src="/upload/Article/${article.cover }" alt="${article.title }" style="display: inline;"></a>
							<header>
								<a class="cat" href="/front/show.jsp?id=${article.id }" title="${article.title }">${article.title }<i></i></a>
								<h2>
									<a href="/front/show.jsp?id=${article.id }" title="${article.title }" target="_blank">${article.title }</a>
								</h2>
							</header>
						<p class="meta">
							<time class="time">
								<i class="glyphicon glyphicon-time"></i> <fmt:formatDate value="${article.createTime }" pattern="yyyy-MM-dd"/>
							</time>
							<span class="views"><i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;${article.viewCount }</span> 
							<a class="comment" href="/front/show.jsp?id=${article.id }#comment" title="评论" target="_blank">
								<i class="glyphicon glyphicon-comment"></i>&nbsp;&nbsp;${article.commentCount }
							</a>
						</p>
						<p class="note">${article.outline }</p>
					</article>
					</c:forEach>
					<!-- <nav class="pagination" style="display: none;">
						<ul>
							<li class="prev-page"></li>
							<li class="active"><span>1</span></li>
							<li><a href="?page=2">2</a></li>
							<li class="next-page"><a href="?page=2">下一页</a></li>
							<li><span>共 2 页</span></li>
						</ul>
					</nav> -->
				</div>
			</div>
			<aside class="sidebar">
				<div class="fixed">
					<div class="widget widget-tabs">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active"><a href="#notice"
								aria-controls="notice" role="tab" data-toggle="tab">统计信息</a></li>
							<li role="presentation"><a href="#contact"
								aria-controls="contact" role="tab" data-toggle="tab">联系站长</a></li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane contact active" id="notice">
								<ty:article var="count" type="totalCount"/>
								<h2>日志总数: ${count }篇</h2>
								<h2>
									创立	日期：<span id="sitetime">2016年12月12日</span>
								</h2>
							</div>
							<div role="tabpanel" class="tab-pane contact" id="contact">
								<h2>
									QQ: <a href="" target="_blank" rel="nofollow"
										data-toggle="tooltip" data-placement="bottom" title=""
										data-original-title="QQ:497122758">497122758</a>
								</h2>
								<h2>
									Email: <a href="#" target="_blank" data-toggle="tooltip"
										rel="nofollow" data-placement="bottom" title=""
										data-original-title="497122758@qq.com">497122758@qq.com</a>
								</h2>
							</div>
						</div>
					</div>
					<div class="widget widget_search">
						<form class="navbar-form" action="/Search" method="post">
							<div class="input-group">
								<input type="text" name="keyword" class="form-control" size="35"
									placeholder="请输入关键字" maxlength="15" autocomplete="off">
								<span class="input-group-btn">
									<button class="btn btn-default btn-search" name="search"
										type="submit">搜索</button>
								</span>
							</div>
						</form>
					</div>
				</div>
				<div class="widget widget_hot">
					<h3>最新评论文章</h3>
					<ul>
						<ty:article var="articles" type="queryNewest"/>
						<c:forEach items="${articles }" var="article">
						<li>
							<a title="${article.title }" href="#">
								<span class="thumbnail">
									<img class="thumb" data-original="/upload/Article/${article.cover }" src="/upload/Article/${article.cover }" alt="${article.title }" style="display: block;">
								</span>
								<span class="text">${article.title }</span>
								<span class="muted">
									<i class="glyphicon glyphicon-time"></i>&nbsp;&nbsp;<fmt:formatDate value="${article.createTime }" pattern="yyyy-MM-dd"/>
								</span>
								<span class="muted">
									<i class="glyphicon glyphicon-eye-open"></i>&nbsp;&nbsp;${article.viewCount }
								</span>
							</a>
						</li>
						</c:forEach>
					</ul>
				</div>
				<!-- <div class="widget widget_sentence">
					<a href="#" target="_blank" rel="nofollow" title="专业网站建设"> <img
						style="width: 100%" src="/front/images//201610241224221511.jpg"
						alt="专业网站建设"></a>
				</div>
				<div class="widget widget_sentence">
					<a href="#" target="_blank" rel="nofollow" title="MZ-NetBlog主题">
						<img style="width: 100%" src="/front/images/ad.jpg" alt="MZ-NetBlog主题">
					</a>
				</div>
				<div class="widget widget_sentence">
					<h3>友情链接</h3>
					<div class="widget-sentence-link">
						<a href="#" title="网站建设" target="_blank">网站建设</a>&nbsp;&nbsp;&nbsp;
					</div>
				</div> -->
			</aside>
		</section>
		<footer class="footer">
			<div class="container">
				<p>
					Copyright &copy; 2016.Company name All rights reserved.
				</p>
			</div>
			<div id="gotop">
				<a class="gotop"></a>
			</div>
		</footer>
		<script src="/front/js/bootstrap.min.js"></script>
		<script src="/front/js/jquery.ias.js"></script>
		<script src="/front/js/scripts.js"></script>
	</body>
</html>
